/* CSS Document */
/* ------------------------------ tags ------------------------------ */
body,h1,h2,h3,h4,h5,ul,dl,dt,dd,li,ol,p,th,td { padding:0; margin:0; font-size:14px; font-weight:normal; color:#333333; font-family: "榛戜綋"; }
ol, ul { list-style:none;}
li{ vertical-align:middle;}
img { border:0;}
table{ border-collapse:collapse;}

/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

/* ------------------------------ comm ------------------------------ */
a{text-decoration: none; color: #333333; }
.warper{ width:1160px; margin:auto;}

/*------------------------------sytle -start-----------------------------------------*/

.hcont{ height:85px; background:#fff;}
.hcont .logo{ float:left; padding-top:25px;}
.hcont .logo span{ float:right;font-size:26px; font-weight:bold; color:#3e3e3e; padding-top:-15px; padding-left:20px; width:330px;}
.hcont .logo span i{ float:left;font-size:15px; color:#5e5e5e;display: block;font-style: normal; font-weight:lighter; letter-spacing:1px;}
.hcont .hright{ float:right;}
.hcont .hright .toplink{ height:26px; line-height:26px; color:#8c8c8c; float:right;} 
.hcont .hright .toplink a{ padding:0 8px;}
.hcont .hright .toplink a:hover{color:#80b32a; text-decoration:underline;}
.hcont .hright .toptel{ float:right; margin-top:5px; }
.hcont .hright .searchbox{ float:left; width:280px; height:35px; background:#f7f7f7; border:2px #80b32a solid; border-radius:12px; margin:10px 100px 0 0;}
.hcont .hright .searchbox input{ display:block; float:left; border:none 0; background:none; padding-top:7px; }
.hcont .hright .searchbox input[type='text']{ padding:7px 15px; height:24px; line-height:24px; width:210px; font-weight:bold; color:#999;}

.hcont .hright .searchbox input:focus{ outline: none;}

nav{ height:50px; background:#80b32a;}
nav .navul{ width:1160px; margin:auto;}
nav .navul .fli{  line-height:50px; background:url(../images/nav_li_right_bg.jpg) right center no-repeat; text-align:center; width:145px; float:left; position:relative;}
nav .navul .fli .subnav{ width:100%; top:50px; left:0; display:none; position:absolute;}
nav .navul .fli .subnav li{ height:40px; line-height:40px;  border-top:1px #fff solid;}
nav .navul .fli .subnav li a{ color:#fff; display:block; background:#80b32a;}
nav .navul .fli .subnav li a:hover{ background:#609509;}

nav .navul .fli .fa{ color:#fff; font-size:14px; display:block;}
nav .navul .fli .fa.focus{ background:#609509;}
nav .navul .fli .fa:hover{ background:#609509;}

nav .navul .fli .navv {
  position: absolute;
  width: 146px;
  top: 50px;
  left: 0;
  border-top: 1px solid #fff;
  background-color: #80b32a;
  display: none;
  z-index:90003;
  box-shadow: 0px 3px 5px #609509;
}
nav .navul .fli .navv a {
  display: block;
  font-size: 14px;
  color: #ffffff;
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  padding: 0 15px 0 17px;
}
nav .navul .fli .navv a:hover { background-color:#609509;}


.inwhite{ background:#fff; padding:20px 0 25px 0;}
.ingray{ background:#f6f5f1; padding:50px 0;}

.intitle{ height:30px; border-bottom:1px #dfdfdf solid;}
.intitle strong{ font-size:20px; font-weight:normal; float:left;}
.intitle .more{ float:right; line-height:20px;}
.intitle a:hover.more{ color:#80b32a; text-decoration:underline;}
.intitle .titright{ height:30px; color:#dfdfdf; float:right;}
.intitle .titright a{ padding:0 12px;}
.intitle .titright a:hover{color:#80b32a; text-decoration:underline;}


.inproduct{ position:relative; height:390px;}
.inproduct .imgleft{ position:absolute; left:0; top:140px; z-index:10;}
.inproduct .imgright{ position:absolute; right:0; top:140px;z-index:10;}
.inproduct .more{ text-align:center; padding-top:20px;width: 131px;height: 30px;margin: auto;}



#viewer{ overflow:hidden; float:left; height:334px; }
#viewerFrame{ width:1200px;}
.inproduct li{ width:270px; float:left; margin-right:27px; position:relative; margin-bottom:20px; }
.inproduct li .prolayer{ width:270px; height:136px; position:absolute; top:0; left:0; z-index:100; background:url(../images/product_img_layer.png) no-repeat}
.inproduct li .prolayer h2{ font-size:20px; color:#fff; text-align:center; padding-top:20px;}
.inproduct li .prolayer p{ line-height:20px; padding:10px 10px; color:#fff; font-size:12px;}
.inproduct li img{ width:270px; height:220px; padding-top:97px;}
.inproduct li span{ display:block; height:28px; line-height:28px; text-align:center;}
.inproduct li span a:hover{ color:#f65100; font-weight:bold;}


#viewer2{ overflow:hidden; float:left; height:284px; }
#viewerFrame2{ width:1200px;}

.incase{ padding-top:20px; position:relative;}
.incase .imgleft{ position:absolute; left:0; top:120px; z-index:10;}
.incase .imgright{ position:absolute; right:0; top:120px;z-index:10;}
.incase ul li{ width:270px; float:left; margin-right:27px; background:#fff; border-bottom:5px #80b32a solid; margin-bottom:50px;}
.incase ul li img{ width:270px; height:160px;}
.incase ul li p{ padding:10px 15px;}
.incase ul li a:hover p{ background:#80b32a; color:#FFF; }


.innews{ width:1160px; overflow:hidden;}
.innews ul{ width:1200px;}
.innews ul li{ width:560px; float:left; border-bottom:1px #dfdfdf dashed; margin-right:40px; padding-bottom:15px; margin-top:15px;}
.innews ul li h2{ background:url(../images/news_dot.jpg) left center no-repeat; padding-left:22px; height:40px; line-height:40px;}
.innews ul li h2 a{ font-weight:bold; float:left;}
.innews ul li h2 a:hover{ color:#80b32a;}
.innews ul li h2 span{ float:right; color:#999; font-size:12px;}
.innews ul li p{ line-height:20px; color:#666666;}

footer{}
footer .fcont{ background:#15222a; border-bottom:1px #121e25 solid; padding:60px 0;}
footer .fcont .fnav{ width:170px; border-right:1px #212d35 solid; float:left; margin-left:30px; height:170px;}
footer .fcont .fnav h2{ color:#a0a0a0; font-size:16px; height:36px;}
footer .fcont .fnav  ul li{ height:24px; line-height:24px;}
footer .fcont .fnav  ul li a{ color:#5d6164; font-size:12px;}
footer .fcont .fnav  ul li a:hover{ color:#80b32a; text-decoration:underline;}
footer .fcont .friendlink{ width:325px;  float:right; margin-left:30px; height:170px;}
footer .fcont .friendlink h2{ color:#a0a0a0; font-size:16px; height:36px;}
footer .fcont .friendlink  ul{ width:325px;}
footer .fcont .friendlink  ul li{ height:24px; line-height:24px; width:50%; float:left;}
footer .fcont .friendlink  ul li a{ color:#5d6164; font-size:12px;}
footer .fcont .friendlink  ul li a:hover{ color:#80b32a; text-decoration:underline;}


footer .copyright{ background:#142129; height:60px; text-align:center; font-size:12px; color:#6b6b6b; line-height:60px;}
footer .copyright a{ color:#6b6b6b;}


.bodyer{ width:1160px; margin:auto; padding-top:30px;}

.leftbox{ width:880px; float:left;}
.leftbox .daodu {border:1px dashed #CCCCCC;text-indent:2em;padding-top:8px;padding-bottom:8px;padding-left:7px; padding-right:4px; line-height:28px;}
.ltitle{ height:40px; line-height:40px; border-bottom:2px #80b32a solid; margin-bottom:20px;}
.ltitle h1{ font-size:20px; float:left; font-weight:bold;}
.ltitle strong{ font-size:20px; float:left; }
.ltitle span{ float:right;}





.rightbox{ width:260px; float:right;}
.rtitle{ height:78px; line-height:78px; text-align:center; font-size:20px; color:#fff; background:#80b32a; border-bottom:1px #fff solid;}
.rtitle a{ color:#fff;}
.rtitle a:hover{ color:#fff; }

.leftmenu{}
.leftmenu .mul{ background:#f0f0f0; border-bottom:2px #80b32a solid;}
.leftmenu .mul .mli{line-height:46px;}
.leftmenu .mul .mli .ma h2{ display:block; background:url(../images/pro_cate_icon2.png) 20px center no-repeat; padding-left:40px;}
.leftmenu .mul .mli .ma.focus h2{ background:url(../images/pro_cate_icon.png) 20px center no-repeat #80b32a; color:#fff; }

.leftmenu .mul .mli .submenu{ display:block; background:#fff;}
.leftmenu .mul .mli .submenu li{ height:46px; line-height:46px; border-bottom:1px #dfdfdf solid;}
.leftmenu .mul .mli .submenu li a h3{ display:block; padding-left:60px; background:url(../images/right_li.png) 40px center no-repeat;}
.leftmenu .mul .mli .submenu li a.focus h3{  background:url(../images/right_li_current.png) 40px center no-repeat; color:#80b32a;}

.rnews{ margin-top:20px;}
.rnews h2{ height:36px; line-height:36px; background:#44535c; color:#fff; padding-left:12px;}
.rnews ul{ border:1px #dfdfdf solid;}
.rnews ul li{ height:35px; line-height:34px; border-bottom:1px #dfdfdf solid; background:url(../images/news_dot2.png) 10px center no-repeat; padding-left:20px; overflow:hidden;}
.rnews ul li a:hover{ color:#80b32a;}

.rnews .lcont{ border:1px #e6e6e6 solid;background:#fff;}

.product{}
.product .procate{}
.product .procate p{ line-height:24px;}

.product .ptitle{ height:30px; border-bottom:1px #dfdfdf solid;}
.product .ptitle strong{ font-size:20px; font-weight:normal;}


.product .plist{ margin-top:30px; overflow:hidden;}
.product .plist ul{ width:1200px;}
.product .plist ul li{ width:260px; height:255px; float:left; margin-right:50px; margin-bottom:30px; }
.product .plist ul li img{ width:260px; height:170px;}
.product .plist ul li h3{ font-size:14px; color:#333333; font-weight:bold;}
.product .plist ul li p{ font-size:12px; color:#666666; line-height:20px; padding-top:8px;}

.product .proimg{ width:473px;  float:left; overflow:hidden;}

.product .commentlist{ margin-left:20px; border-bottom:1px #c8c5c3 dashed; padding:20px 0 20px 20px;}
.product .commentlist dt.tit{ width:15%; float:left; font-family:"榛戜綋"; color:#fe7211; font-size:18px; line-height:22px;}
.product .commentlist dd.info{ width:85%; float:left; line-height:22px;}
.product .commentlist dd.answer{ background:#fff5ef; border-radius:5px; padding:15px; position:relative; margin-top:10px;}
.product .commentlist dd.answer img.aicon{ position:absolute; left:22px; top:-12px; display:block;}
.product .commentlist dd.answer span{ color:#000; }
.product .commentlist dd.answer p{ color:#919191;}
.product .commentline{ height:1px; overflow:hidden; background:#80b32a; margin:20px 0;}
.product .commentform{  }
.product .commentform p label{ display:block; width:60px; float:left; padding:10px 0;}
.product .commentform p input.txt{ border:1px #ddd solid; height:24px; line-height:24px; float:left; margin-top:4px;}
.product .commentform p textarea{ float:left;border:1px #ddd solid; margin-top:12px; }
.product .commentform .commentbtn{  margin-right:208px; padding:5px 30px; border:0; background:#80b32a; border-radius:4px; font-size:16px; font-family:"榛戜綋"; color:#fff; letter-spacing:3px; margin-top:10px;}


.projects{}
.projects .procate{}
.projects .procate p{ line-height:24px;}
.projects .ptitle{ height:30px; border-bottom:1px #dfdfdf solid;}
.projects .ptitle strong{ font-size:20px; font-weight:normal;}
.projects .plist{ margin-top:30px; overflow:hidden;}
.projects .plist ul{ width:880px;}
.projects .plist ul li{width:270px; float:left; margin-right:23px; background:#fff; border-bottom:5px #80b32a solid; margin-bottom:50px; }
.projects .plist ul li img{ width:270px; height:160px;}
.projects .plist ul li h3{ font-size:14px; color:#333333; font-weight:bold;}
.projects .plist ul li p{  padding:10px 15px;}
.projects .plist ul li a:hover p{background:#80b32a; color:#FFF; }
.projects .ptitle2{ height:30px; border-bottom:1px #dfdfdf solid;}
.projects .ptitle2 strong{ font-size:16px; font-weight:bold; color:#80b32a;}
.projects .ptitle2 strong a:hover{ text-decoration:underline; color:#80b32a; font-weight:bold;}
.projects .ptitle2_content{ height:25px; border-bottom:1px #dfdfdf dashed; padding-top:10px; }
.projects .ptitle2_content h2{ float:left;font-size:16px; font-weight:bold;}
.projects .ptitle2_content a h2{ float:left;font-size:16px; font-weight:bold;}
.projects .ptitle2_content a:hover h2{ text-decoration:underline; color:#80b32a; font-weight:bold;}
.projects .ptitle2_content a.focus h2{ text-decoration:underline; color:#80b32a; font-weight:bold;}
.projects .ptitle2_content a h3{ float:left; margin-left:20px; font-size:13px; color:#777;}
.projects .ptitle2_content a:hover h3{ text-decoration:underline; color:#80b32a; font-weight:bold;}
.projects .ptitle2_content a.focus h3{ text-decoration:underline; color:#80b32a; font-weight:bold;}

.projects .ptitle3_content{ height:25px; border-bottom:1px #dfdfdf dashed; padding-top:10px; }
.projects .ptitle3_content h2{ float:left;font-size:16px; font-weight:bold; padding-right:30px;}
.projects .ptitle3_content a h2{ float:left;font-size:16px; font-weight:bold;}
.projects .ptitle3_content a:hover h2{ text-decoration:underline; color:#80b32a; font-weight:bold;}
.projects .ptitle3_content a.focus h2{ text-decoration:underline; color:#80b32a; font-weight:bold;}






#preview{ float:none; margin:0 auto; text-align:center; }
.jqzoom{ width:473px; position:relative;}

.zoomdiv{ left:29px; height:400px; width:400px;}
.list-h li{ float:left;}
#spec-n5{width:473px;  padding-top:6px; overflow:hidden;}
#spec-left{ background:url(images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:8px; margin-right:8px}
#spec-right{background:url(images/right.gif) no-repeat; width:10px; height:45px; float:right;cursor:pointer; margin-top:8px;}
#spec-list{ width:444px;  float:left; overflow:hidden; }
#spec-list ul li{ float:left; width:88px; margin-bottom:10px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ddd; width:80px; height:65px; height:57px; cursor:pointer;}

#spec-list ul li img:hover{ border:1px solid #ddd; padding:1px;}
#spec-list ul li img.focus{ border:1px solid #ddd; padding:1px;}

/*jqzoom*/
.jqzoom{position:relative; padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px; width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}


.proparam{ width:390px; float:right;}
.proparam h2{ height:40px; line-height:40px; font-size:20px; text-align:center; font-weight:bold;}
.proparam h1{ height:40px; line-height:40px; font-size:20px; text-align:center; font-weight:bold;}
.proparam ul{ padding:20px; border-top:2px #80b32a solid; background:#f0ffd8;}
.proparam ul li{ height:30px; line-height:30px; border-bottom:1px #e1f2c6 dashed;}
.proparam ul li h4{ width:100px; float:left;}
.proparam ul li span{ width:250px;display:block; float:left;}

.proparam .btnbox{ height:40px; line-height:40px; margin-top:30px;}
.proparam .btnbox a{ display:block; float:left;height:38px; line-height:38px; text-align:center;border-radius:8px;}
.proparam .btnbox a.orderbtn{  width:230px; color:#fff;  background:#80b32a; border:1px #80b32a solid;}
.proparam .btnbox a.commentbtn{ width:140px; color:#80b32a; float:right; background:#f0ffd8; border:1px #80b32a solid;}

.product .ptitle2{ height:30px; border-bottom:1px #dfdfdf solid;}
.product .ptitle2 strong{ font-size:16px; font-weight:normal;}
.product .plist2{ margin-top:30px; overflow:hidden;}
.product .plist2 ul{ width:1200px;}
.product .plist2 ul li{ width:200px; height:141px; float:left; margin-right:26px; margin-bottom:30px; }
.product .plist2 ul li img{ width:200px; height:131px;}
.product .plist2 ul li h3{ font-size:14px; color:#333333; font-weight:bold;}
.product .plist2 ul li a:hover h3{ color:#80b32a;}
.product .plist2 ul li p{ font-size:12px; color:#666666; line-height:18px; padding-top:8px;}

.product .plist3{ margin-top:30px; overflow:hidden;}
.product .plist3 ul{ width:880px;}
.product .plist3 ul li{width:200px; float:left; margin-right:20px; background:#fff; border-bottom:5px #80b32a solid; margin-bottom:30px; }
.product .plist3 ul li img{ width:200px; height:119px;}
.product .plist3 ul li h3{ font-size:14px; color:#333333; font-weight:bold;}
.product .plist3 ul li p{  padding:10px 5px;}
.product .plist3 ul li a:hover p{ background:#80b32a; color:#FFF; }



.product .pcont{ padding:20px  0;}
.product .pcont p, .product .pcont div{ line-height:24px;}
.product .pcont p a{ font-size:14px; line-height:32px; font-weight:bold; color:#38f;  }
.product .pcont p a:hover{ color:#38f; text-decoration:underline; }
.product .pcont div a{ font-size:14px; line-height:32px; font-weight:bold; color:#38f;  }
.product .pcont div a:hover{ color:#38f; text-decoration:underline; }


.news{}
.news ul{}
.news ul li{ border-bottom:1px #dfdfdf dashed; margin-right:40px; padding-bottom:15px; margin-top:15px;}
.news ul li h2{ background:url(../images/news_dot.jpg) left center no-repeat; padding-left:22px; height:40px; line-height:40px;}
.news ul li h2 a{ font-weight:bold; float:left;}
.news ul li h2 a:hover{color:#80b32a;}
.news ul li h2 span{ float:right; color:#999; font-size:12px;}
.news ul li p{ line-height:20px; color:#666666;}

.news .info { padding:30px 15px;}
.news .info h1{ font-size:24px; text-align:center; line-height:60px; font-weight:bold;}
.news .info .datetime{ text-align:center; color:#999; padding-bottom:10px;}
.news .info p,.news .info div{ font-size:14px; line-height:32px; }
.news .info p a{ font-size:14px; line-height:32px; font-weight:bold; color:#38f; }
.news .info p a:hover{ color:#38f; text-decoration:underline; }
.news .info div a{ font-size:14px; line-height:32px; font-weight:bold; color:#38f; }
.news .info div a:hover{ color:#38f; text-decoration:underline; }



.special ul{ width:880px; margin-left:-30px;}
.special ul .spec{  padding:10px 0; border-bottom:1px #aaa dotted; padding-top:10px;}
.special ul .spec img{ width:340px; height:210px; float:left; margin-left:30px;border:1px #acadaf solid;}
.special ul .spec dl{ width:505px;float:right;height:94px; }
.special ul .spec dl dt{ height:24px; line-height:24px; padding-left:10px;}
.special ul .spec dl dt a{ font-size:20px; font-weight:bold;}
.special ul .spec dl dt a:hover{ font-size:20px; font-weight:bold; color:#80b32a;}
.special ul .spec dl dd{ line-height:26px; color:#888; font-size:16px; padding-top:20px; padding-left:10px;}

.special ul .spec1{  padding:10px 0; border-bottom:1px #aaa dotted; padding-top:10px;}
.special ul .spec1 img{ width:340px; height:210px; float:right; margin-left:30px;border:1px #acadaf solid;}
.special ul .spec1 dl{ width:505px;float:left;height:94px; }
.special ul .spec1 dl dt{ height:24px; line-height:24px; padding-left:10px;}
.special ul .spec1 dl dt a{ font-size:20px; font-weight:bold;}
.special ul .spec1 dl dt a:hover{ font-size:20px; font-weight:bold; color:#80b32a;}
.special ul .spec1 dl dd{ line-height:26px; color:#888; font-size:16px; padding-top:20px; padding-left:10px;}




.provnext{padding:10px 5px 20px;  }
.prov{ height:34px; line-height:34px; font-size:14px; font-weight:bold; }
.next{ height:34px; line-height:34px;font-size:14px; font-weight:bold;}
.next a:hover,.prov a:hover{ color:#80b32a; font-weight:bold;}

.aboutus  p, .aboutus div{ line-height:24px; font-size:15px;}



/**鍒嗛〉鏍峰紡*/
.pager { float:right; margin:auto; text-align:center;}
.pager a { border:#ddd 1px solid; display:block; float:left; ;COLOR: #333; MARGIN-RIGHT:2px; width:26px; line-height:20px; text-align:center; height:20px;text-decoration:none; background:#fff;}
.pager a:hover ,#pager a:active { border:#86BA1C 1px solid; color:#fff; background-color:#86BA1C;}
.pager span.current { display:block; float:left; border:#86BA1C 1px solid;font-weight:bold; color:#fff; margin-right:2px; background-color:#86BA1C;width:26px; line-height:20px; text-align:center; height:20px;}
.pager span.disabled { border:#ccc 1px solid; color:#ccc; background:#f3f3f3; margin-right:2px; display:block; float:left;width:26px; line-height:20px; text-align:center; height:20px;}

.c1{ color:#b51717}
.red{ color:#f10000!important;}
.green{ color:#26A006!important;}
hr{ clear:both; border:0; background:none;}
.clear{ clear:both; height:0; line-height:0; font-size:0; overflow:hidden;}
.i2{ display:block; clear:both; height:2px; line-height:2px; font-size:2px; overflow:hidden;}
.i5{ display:block; clear:both; height:5px; line-height:5px; font-size:5px; overflow:hidden;}
.i6{ display:block; clear:both; height:6px; line-height:6px; font-size:6px; overflow:hidden;}
.i7{ display:block; clear:both; height:7px; line-height:7px; font-size:7px; overflow:hidden;}
.i8{ display:block; clear:both; height:8px; line-height:8px; font-size:8px; overflow:hidden;}
.i10{ display:block; clear:both; height:10px; line-height:10px; font-size:10px; overflow:hidden;}
.i12{ display:block; clear:both; height:10px; line-height:12px; font-size:12px; overflow:hidden;}
.i15{ display:block; clear:both; height:15px; line-height:15px; font-size:15px; overflow:hidden;}
.i20{ display:block; clear:both; height:20px; line-height:20px; font-size:20px; overflow:hidden;}
.i25{ display:block; clear:both; height:25px; line-height:25px; font-size:25px; overflow:hidden;}
.i30{ display:block; clear:both; height:30px; line-height:30px; font-size:30px; overflow:hidden;}
.i50{ display:block; clear:both; height:50px; line-height:50px; font-size:30px; overflow:hidden;}

.w580{ width:580px!important;;}
.w320{ width:320px!important;;}

.nobg{ background:none!important;}
.noborder{ border:none!important;}
.hidden{ display:none;}
.fl{ float:left;}
.fr{ float:right;}
.mr10{ margin-right:10px;}
.bdshare-slide-button-box{ z-index:100;}

.c3{color:#fe7b00!important;}

.fs18{ font-size:18px;}